<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="https://www.thymeleaf.org">

<head>
    <title>VOLVO 认证中心</title>
    <link rel="shortcut icon" href="./favicon.ico">
    <meta charset=utf-8>
    <meta http-equiv=X-UA-Compatible content="IE=edge, chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="./css/login.css" type="text/css" />
    <script src="./js/jquery.min.js"></script>
</head>

<body>
    <div class="wapper">
            <div id="main" class="main">
                <form th:action="${login}" id="login" method="post">
                    <input type="hidden" name="login_challenge" th:value="${param.login_challenge}"/>

                    <input type="hidden" name="_csrf" />
                    <div class="title">
                        <h4>VOLVO 认证中心</h4>
                    </div>
                    <div class="conFrom">
                        <div class="errorMsg" th:if="${fail_msg ne null}">
                          <img src="./assets/icon-tips.png" /> <span th:text="${fail_msg}"></span>
                        </div>
                        <div class="item input">
                          <span class="username"></span>  <input id="username" name="username" autocomplete="off" placeholder="请输入用户名" />
                        </div>
                        <div class="item input" th:classappend="${fail_msg ne null} ? 'error' : '' ">
                            <span class="password"></span> <input type="password" autocomplete="off" id="password" name="password" placeholder="请输入密码" />
                            <span class="eye" onClick="handleEye()" ></span>
                        </div>
                        <div class="item">
                            <input type="submit" class="submit" value="登 &nbsp;&nbsp; 录" />
                        </div>
                    </div>
                </form>
            </div>
    </div>
    <div class="mask">
    </div>
<div class="dn">
    <img src="./assets/user-name@3x.png" />
    <img src="./assets/icon-user-password@3x.png" />
</div>
</body>
<script src="./js/login.js"></script>
</html>